@charset "utf8";
*{
    margin: 0;
    padding: 0;
    font-family:微软雅黑;
    background-color: #f5f5f5;
}
/* 1.外层  效果：无高、立体外边框，文本居中，盒模型方式微调*/
div.product_card{
    width: 251px;
    /* 盒子模型：微调结构：图片与内容与边框的距离  15px  
                        与其他卡片或者页面之间的距离*/
    padding: 15px;
    margin: 20px;
    /* 立体边框：1.背景图 2.边框倒角 6px 3.设置内背景色 4.设置盒子阴影 */
    border-radius: 6px;
    background-color:#fff ;
    /* 盒子阴影 */
    box-shadow: 0 15px 5px rgba(0,0,0,1);
    text-align: center;
}
/* 2图片 效果 尺寸 % 倒角、外边距距离 */
div.product_card img{
    width: 100%;
    border-radius: 6px;
    margin-bottom:10px; ;
}
/* 3.标题 效果： */
div.product_card h3{
    margin: 10px 0;
    color: #424040;
}
/* 4.价格 效果：颜色红色，外边距：10px  字体大小*/
div.product_card p.price{
    bo rder: 1px solid red;
    color: #e4393c;
    font-size: 24px;
    margin-bottom: 10px;
}
/* 5.评价 效果：字体大小 颜色 */
div.product_card p.rating{
    font-size:.9em;
    color: #888;
}
div.product_card p.rating span{
    margin: 0 5px;
}